<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/yiyuanguanli.css">
<link rel="stylesheet" href="./css/xinzengzhanghao.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<body>
<div class="head">
  <span class="sp1">惠光健康</span>
  <p class="p1"><span class="sp2">用户名:</span><span>xxx</span><span class="sp3" data-bs-toggle="modal" data-bs-target="#exampleModal">退出</span><i class="s">&#xeb11;</i></p>
</div>
<div class="bian">
  <div class="nav">
    <ul class="ul1">
      <li><a href="index.html"><i class="i1">&#xe627;</i>机构管理</a></li>
      <li><a href="yiyuanguanli.html">医院管理</a></li>
      <li><a href="#"><i class="i1">&#xe604;</i>人员管理</a></li>
      <li><a href="yonghuguanli.html">用户管理</a></li>
      <li><a href="jiarenguanli.html">家人管理</a></li>
      <li><a href="dengluzhanghao.html">账号登录</a></li>
      <li><a href="#"><i class="i1">&#xe66b;</i>内容管理</a></li>
      <li><a href="zixunguanli.html">资讯管理</a></li>
      <li><a href="guanggaoguanli.html">广告管理</a></li>
      <li><a href="yemianguanli.html">页面管理</a></li>
      <li><a href="xiaoxiguanli.html"><i class="i1">&#xe8bd;</i>消息管理</a></li>
      <li><a href="banbenshengji.html"><i class="i1">&#xe78a;</i>版本升级</a></li>
      <li><a href="yonghufankui.html"><i class="i1">&#xe662;</i>用户反馈</a></li>
    </ul>
  </div>
  <div class="content">
    <div class="p2">
      <p><a href="#">首页</a><i>></i><a href="#">系统设置</a><i>></i><a href="#">账号登陆</a></p>
      <p>
        <button class="btns">返回</button>
      </p>
    </div>
    <div>
      <p><span class="sp5">*</span>用户名: <input type="text"><span class="sp6">由字母和数字组成</span></p>
      <p><span class="sp5">*</span>姓名: <input type="text"></p>
      <p><span class="sp5">*</span>密码: <input type="password"><span class="sp6">最少8位, 需要包含字母, 数字, 符号中的两种</span></p>
      <p><span class="sp5">*</span>重复密码: <input type="password"></p>
      <p><span class="sp5">*</span>手机号: <input type="tel"></p>
      <p>邮箱: <input type="email"></p>
      <input class="btns mm" type="submit" value="保存">
    </div>
  </div>
</div>
<!--    确认退出按钮 需要引入bootstrap的js css-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">确认退出?</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!--            <div class="modal-body">-->
      <!--                ...-->
      <!--            </div>-->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">确认</button>
      </div>
    </div>
  </div>
</div>
<script src="./js/quanping.js"></script>
</body>
</html>